<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定位</title>
	<style>
		#content{
			position:relative;
			background: yellow;
			height: 100px;
			width:100px;
		}
		p{
			/*
			static:相对定位并且位置参数无效
			relative:相对定位
			absolute:绝对于父元素
			fixed:绝对于浏览器
			*/
			position: absolute;
			top: 100px;
			left: 100px;
			background: red;
		}
	</style>
</head>
<body>
<div style="width:100px;height:100px;"></div>
	<div id="content">
		<p>我的内容</p>
	</div>
</body>
</html>